﻿@using ZhouYu.DreamTour.Model;
@using ZhouYu.DreamTour.Web.Models;
@{
    var groupInfo = ViewBag.groupInfo as GroupInfo;
    //var TouristRouteInfo = ViewBag.TouristRouteInfo as ScenicExhibition;
    //string strone = TouristRouteInfo.OutDate.ToString();
    //DateTime dtone = DateTime.Parse(strone);
    var OutDate = groupInfo.StartTime.ToString("yyyy:MM:dd").Replace(":", "-");
    var UserInfo = UserInfoContext.userInfoContext.UserInfo;
}
<!DOCTYPE html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>行程导航-详情页</title>
    <link href="~/css/style.css" rel="stylesheet" type="text/css" />
    <link href="~/css/common.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="~/js/jquery-1.9.1.min.js"></script>
    <link href="~/layui-v2.5.4/layui/css/modules/layer/default/layer.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="~/layui-v2.5.4/layui/lay/modules/layer.js"></script>
</head>
<body>
    <div class="top_hw clearfix">
        <div class="top_h clearfix">
            <div class="top_hl"><span>欢迎来到中国梦想游，让你的梦想全程免费自由行！</span> 预定热线：<b>0571-63322269</b></div>
            <div class="top_hr">
                @if (UserInfo == null)
                {
                    <a href="/Home/User_Register">会员注册</a>
                    <span>|</span> <a href="/Home/User_Login">登录</a>
                    <span>|</span> <a href="#">梦想收藏</a> <span>|</span> <a href="#">设为首页</a>
                    @*<a>
                            欢迎你，来到新世界旅行网！
                        </a>*@
                }
                else
                {
                    <a href="/Home/User_Center">会员中心</a>
                    <span>|</span> <a href="#">梦想收藏</a> <span>|</span> <a href="#">设为首页</a> <span>|</span> <a href="/Login/LoginOut">退出</a> <span>|</span>
                    <a>
                        欢迎你，<span>@UserInfo.User_Name</span>来到新世界旅行网！
                    </a>
                }
            </div>
        </div>
    </div>
    <div class="head_w">
        <div class="head_t clearfix">
            <div class="logo"><img src="~/images/logo.jpg"></div>
            <div class="rx_line"><img src="~/images/rx.jpg"></div>
        </div>
    </div>
    <div class="mainNav clearfix">
        <ul class="Nav_ul">
            <li><a href="/Home/Index">首页</a><img src="~/images/nav_line.jpg"></li>
            <li><a href="/Home/Route">旅游路线</a><img src="~/images/nav_line.jpg"></li>
            <li><a href="/Home/Scenic">旅游景点</a><img src="~/images/nav_line.jpg"></li>
            <li><a href="/Home/CateringAccommodation">餐饮住宿</a><img src="~/images/nav_line.jpg"></li>
            <li><a href="/Home/Traffic_DatailsOne">交通线路</a><img src="~/images/nav_line.jpg"></li>
            <li><a href="/Home/Group">旅游团购</a><img src="~/images/nav_line.jpg"></li>
            <li><a href="/Home/Specialty">地方特产</a><img src="~/images/nav_line.jpg"></li>
            <li><a href="/Home/AutoGenerationIntro">自动生成简介</a><img src="~/images/nav_line.jpg"></li>
            <li><a href="/Home/Team_Join">团队简介</a><img src="~/images/nav_line.jpg"></li>
            <li class="cur"><a href="/Home/Itinerary_Details">行程导航</a></li>
        </ul>
    </div>
    <div class="b_wrap">
        <div class="current"><span>当前所在地：</span><a href="/Home/Index">首页</a> >> <a href="/Home/Itinerary_Details">行程导航</a> >> <a href="#">产品详情</a></div>
        <div class="clumn_w clearfix">
            <div class="clumn_l">
                <div class="clumn">
                    <div class="clumn_tit t01">国内热门景点</div>
                    <div class="clumn_con">
                        <div class="cln_w">
                            <p>热门城市</p>
                            <div class="cln_c clearfix">
                                <a href="#">北京</a>
                                <a href="#">上海</a>
                                <a href="#">厦门</a>
                                <a href="#">成都</a>
                                <a href="#">西安</a>
                                <a href="#">黄山</a>
                                <a href="#">香港</a>
                                <a href="#">青岛</a>
                                <a href="#">桂林</a>
                                <a href="#">深圳</a>
                                <a href="#">三亚</a>
                                <a href="#">杭州</a>
                                <a href="#">丽江</a>
                                <a href="#">南京</a>
                                <a href="#">重庆</a>
                                <a href="#">苏州</a>
                                <a href="#">张家界</a>
                            </div>
                        </div>
                        <div class="cln_w">
                            <p>景点认证</p>
                            <div class="cln_c clearfix">
                                <a href="#">5A级</a>
                                <a href="#">4A级</a>
                                <a href="#">3A级</a>
                                <a href="#">2A级</a>
                            </div>
                        </div>
                        <div class="cln_w">
                            <p>热门主题</p>
                            <div class="cln_c clearfix">
                                <a href="#">温泉</a>
                                <a href="#">古镇</a>
                                <a href="#">摄影</a>
                                <a href="#">滑雪</a>
                                <a href="#">海边</a>
                                <a href="#">美食</a>
                                <a href="#">登山</a>
                                <a href="#">主题公园</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="clumn_r01">
                <div class="gr_info" style="box-shadow:0px 2px 8px #808080">
                    <div class="fxc">
                        <div class="fxc1">团购出游信息</div>
                        <div class="fxc2">
                            <table border="0" cellpadding="0" cellspacing="0" width="670">
                                <tr>
                                    <td width="70" align="left" height="30">产品名称：</td>
                                    <td width="600" align="left" height="30"><span class="fxcspan1">@groupInfo.Title</span></td>
                                </tr>
                                <tr>
                                    <td width="70" align="left" height="30">出发城市：</td>
                                    <td width="600" align="left" height="30">@groupInfo.StartPlace</td>
                                </tr>
                                <tr>
                                    <td width="70" align="left" height="30">出发日期：</td>
                                    <td width="600" align="left" height="30"><input value="@OutDate" id="" type="date" /></td>
                                </tr>
                                <tr>
                                    <td width="70" align="left" height="30">人数：</td>
                                    <td width="600" align="left" height="30">@*<select><option>2</option></select>*@&nbsp;成人&nbsp;<input value="0" id="AdultNum" style="width:6%" type="number" />@*<select><option>0</option></select>*@&nbsp;儿童&nbsp;&nbsp;<input value="0" id="childrenNum" style="width:6%" type="number" /><span class="fxcspan2"><a href="#"> 查看儿童标准</a></span></td>
                                </tr>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="gr_info" style="margin-top:2%;border:0px;box-shadow:0px 2px 8px #808080">
                    <div class="fxc">
                        <div class="fxc1">保险方案</div>
                        <div class="fxc2">
                            <table border="1" bordercolor="#e4e4e4" cellpadding="0" cellspacing="1" width="670">
                                <tr bgcolor="#e4e4e4">
                                    <td width="94" align="center" height="30">产品类型</td>
                                    <td width="200" align="center" height="30">名称</td>
                                    <td width="94" align="center" height="30">单价</td>
                                    <td width="94" align="center" height="30">计算单位</td>
                                    <td width="94" align="center" height="30">份数</td>
                                    <td width="94" align="center" height="30">小计</td>
                                </tr>
                                <tr bgcolor="#fff">
                                    <td width="94" align="center" height="94"><input type="checkbox">&nbsp;保险</td>
                                    <td width="200" align="center" height="200">团购游意外险(特惠型)</td>
                                    <td width="94" align="center" height="94"><span class="fxcspan2">￥</span><span id="danjia" class="fxcspan2">18</span></td>
                                    <td width="94" align="center" height="94">元</td>
                                    <td width="94" align="center" height="94"><input value="0" id="fen" style="width:35px" type="number" /></td>
                                    <td width="94" align="center" height="94"><span class="fxcspan2">￥</span><span class="fxcspan2" id="xiaoji">0</span></td>
                                </tr>
                                @*<tr bgcolor="#fff">
                                <td width="94" align="center" height="94"><input type="checkbox">&nbsp;保险</td>
                                <td width="200" align="center" height="200">太平国内自由行2日游意外险(特惠型)</td>
                                <td width="94" align="center" height="94"><span class="fxcspan2">￥13</span></td>
                                <td width="94" align="center" height="94"></td>
                                <td width="94" align="center" height="94"><select><option>0</option></select></td>
                                <td width="94" align="center" height="94"><span class="fxcspan2">￥0</span></td>
                            </tr>*@
                                <tr bgcolor="#fff">
                                    <td colspan="6" align="center" height="30">旅游保险可为您的行程提供全面的风险保障。为了您自身的权益，强烈建议您购买旅游保险</td>
                                </tr>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="gr_info" style="margin-top:2%;border:0px;box-shadow:0px 2px 8px #808080">
                    <div class="fxc">
                        <div class="fxc1">发票信息</div>
                        <div class="fxc2">
                            <table border="0" cellpadding="0" cellspacing="0" width="670">
                                <tr>
                                    <td height="20">
                                        <input name="fapiao" type="radio" align="absmiddle">&nbsp;&nbsp;不需要发票&nbsp;
                                        <span class="fxcspan2">如您出游归来后需要发票，可以在两个月内前往会员中心-查看订单中填写发票信息，索取发票</span>
                                    </td>
                                </tr>
                                <tr>
                                    <td height="20">
                                        <input name="fapiao" type="radio" align="absmiddle">&nbsp;&nbsp;需要发票&nbsp;
                                    </td>
                                </tr>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="gr_info" style="margin-top:2%;border:0px;box-shadow:0px 2px 8px #808080">
                    <div class="fxc">
                        <div class="fxc1">订票须知</div>
                        <div class="fxc2">
                            1、预订价格保障：预订成功后，该产品（同线路同团期）价格上升不再补收差价；价格下降则退还差价（机票税费、邮轮产品、
                            实时计价机票价格调整除外）；<br>
                            2、正常阴雨天气不影响正常出游，如遇不可抗逆因素导致不能出游我司会提前与您联系；<br>
                            3、您完成预订后，我在出游前一天20：00，通过短信将上车时间、地点、上车凭证、导游联系方式发送给您，请保持手机畅通；<br>
                            4、如您预订的出游日期最终不成团，我司会提前与您沟通解决方案，届时您可以选择改期出游、更改出游产品或由我司按合同赔
                            偿违约金；
                        </div>
                    </div>
                </div>
                <div class="gr_info" style="margin-top:2%;border:0px;box-shadow:0px 2px 8px #808080">
                    <div class="fxc">
                        <div class="fxc1">出游费用包含</div>
                        <div class="fxc2">
                            1.交通：往返旅游巴士。<br>
                            2.住宿：千岛湖海外海假日酒店1晚含早。<br>
                            3.门票：行程中所含的景点首道大门票，千岛湖中心湖区门票，千岛湖船票，森林氧吧。<br>
                            4.导服：全程陪同中文导游，自由活动除外。<br>
                            5.儿童价标准：身高0.8~1.49米（含），不占床，仅含往返车位费，导服费，其余产生费用均自理。<br>
                            6.赠送：酒店赠送第二天早餐。
                        </div>
                        <div class="fxc1">出游费用不包含</div>
                        <div class="fxc2">
                            1.单房差。<br>
                            2.门票：行程中注明需要另行支付的自费景点（行程包含中以外客人自愿参加的当地娱乐项费用）。<br>
                            3.其他：正餐自理。<br>
                            4.因交通延阻、罢工、天气、飞机机器故障、航班取消或更改时间等不可抗力原因所引致的额外费用。<br>
                            5.酒店内洗衣、理发、电话、传真、收费电视、饮品、烟酒等个人消费。<br>
                            6.当地参加的自费以及以上“费用包含”中不包含的其它项目。<br>
                            7.旅游人身意外保险
                        </div>
                        <div class="fxc3">违约责任提示</div>
                        <div class="fxc2">
                            1. 出发前7天至4天（含第7天）改期、换线或退团， 需按合同支付旅游费用总额50%；<br>
                            2. 出发前3天至1天（含第3天）改期、换线或退团， 需按合同支付旅游费用总额60%；
                        </div>
                        <div class="fxc1">
                            @*<a href="/Home/Itinerary_Booking?Id=@TouristRouteInfo.Id">
                            <input id="NextInfo" type="image" src="~/images/fxcbtn1.png">
                        </a>*@
                            <a id="NextInfo" href="#"><input id="" type="image" src="~/images/fxcbtn1.png"></a>
                        </div>
                    </div>
                </div>
            </div>
            <input type="hidden" value="@groupInfo.Title" id="title" />
            <input type="hidden" value="@groupInfo.Pic_Url" id="pic" />
            <input type="hidden" value="@groupInfo.StartPlace" id="start" />
            <input type="hidden" value="@groupInfo.TourId" id="id" />
            <input type="hidden" value="@OutDate" id="out" />
            <br style="clear:both">
        </div>
    </div>
</body>
</html>
<script>
    //input文本框输入时发生的事件
    var flag = true;
    $('#fen').on('compositionstart', function () {
        flag = false;
    })
    $('#fen').on('compositionend', function () {
        flag = true;
    })
    $('#fen').on('input', function () {
        var _this = this;
        setTimeout(function () {
            if (flag) {
                var fen = $('#fen').val();
                var danjia = $("#danjia").text();
                $("#xiaoji").text(fen * danjia);
            }
        }, 0)
    })

    //获取当前页文本框的值,通过按钮超链接传递到下一页面
    $("#NextInfo").on('click', function () {
        var AdultNum = $("#AdultNum").val();//成人个数
        var childrenNum = $("#childrenNum").val();//儿童个数
        var Number = $("#fen").val();//保险份数
        var xiaoji = $("#xiaoji").text();//保险所需金额
        var title = $("#title").val();
        var pic = $("#pic").val();
        var start = $("#start").val();
        var id = $("#id").val();
        var out = $("#out").val();
        window.location.href = "/Home/Group_BookingDatails?title=" + title + "&price=" + @groupInfo.Price +"&startPlace=" + start +"&StartTime=" + out +"&Pic_Url=" + pic + "&TourId=" + id + "&AdultNum=" + AdultNum + "&childrenNum=" + childrenNum + "&Number=" + Number + "&xiaoji=" + xiaoji;
});
</script>
